﻿<%@ Page Language="C#" MasterPageFile="~masterurl/default.master" 
    CodeBehind="GestionMesApplicationsPersoSP2013.aspx.cs" 
    Inherits="VPLink2014.GestionMesApplicationsPerso, VPLink2014, Version=1.0.0.0,Culture=neutral,PublicKeyToken=55be4e2d0ab9bafe" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
</asp:Content>
<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">
    <link rel="stylesheet" href="/_layouts/15/VPLink2014/Common/CSS/jquery-ui-1.10.2.custom.css" />
    <link rel="stylesheet" href="/_layouts/15/VPLink2014/MesApplications/Styles/sort.css" />
    <script type="text/javascript" src="/_layouts/15/VPLink2014/Common/JS/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/_layouts/15/VPLink2014/Common/JS/jquery-ui.js"></script>
    <script type="text/javascript" src="/_layouts/15/VPLink2014/MesApplications/JS/SortManager.js"></script>
    <script type="text/javascript" src="/_layouts/15/VPLink2014/MesApplications/JS/filter.js"></script>
    <script type="text/javascript" src="/_layouts/15/VPLink2014/MesApplications/JS/userFilter.js"></script>
    <script type="text/javascript" src="/_layouts/15/VPLink2014/MesApplications/JS/eventsHandler.js"></script>
	<div>
		<asp:Panel ID="pnlFilter" runat="server"></asp:Panel>
		<asp:Panel ID="ApplicationManager" runat="server">
			<div class="instruction">
				<div>Bienvenue dans l’espace de personnalisation « mes applis »</div>
				<div>La sélection des applis se fait en 3 temps :</div>
				<span class="num">1.</span><span>Choisir  les applications métiers souhaitées en les glissant d’un bloc à l’autre</span>
			</div>
			<div class="principal">
				<div class="available-apps">
					<div class="label">
						<span>Applications Disponibles</span>
					</div>
					<div>
						<div class="categories">
						</div>
						<div class="applications">
							<ul id="sortable1" class="connectedSortable ui-sortable">
								<li class="emptyMessage unsortable">Pas d'application trouvée pour ce filtre.</li>
							</ul>
						</div>
						<div class="warning">
							<p>Pour supprimer les applications déjà séléctionnées, veuillez les placer dans la corbeille à droite.</p>
						</div>
					</div>
				</div>
				<div class="selected-apps">
					<div class="label">
						<span>Applications séléctionnées</span>
					</div>
					<div>
						<ul id="sortable2" class="connectedSortable ui-sortable connectedToTrash">
							<li class="emptyMessage unsortable">Glissez déposez les applications</li>
						</ul>             
					</div>                
					<div class="positions">  
					</div>
				</div>
				<div class="deleted-apps">
					<div class="label">
						<span>Applications supprimées</span>
					</div>
					<div class="applications">
						<ul id="sortable3" class="connectedToTrash ui-sortable">
							<li class="emptyMessage unsortable">Glissez déposez ici les applications à supprimer de votre liste.</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="instruction">
				<span class="num">2.</span><span> Retrouver d’autres applis métiers grâce au bouton filtre « directions ». Vous ne savez pas où chercher ? Jetez un œil au <a href="http://vplink/Documents/liste%20des%20applications%20métiers.pdf">guide des applis métiers</a>.</span>
			</div>
			<div style="height:60px">
				<div style="float:left">
					<div class="filter-option">
						<div>
							<span>Filtre par direction</span>
						</div>
						<div>
							<select name="select" id="direction-filter">
								<option value="value0" selected="selected">Choisir une direction...</option> 
							</select>
						</div>
					</div>
				</div>
			</div>
			<div class="instruction">
				<span class="num">3.</span><span>Valider</span> 
				<div class="buttons">
					<input type="button" id="validateApplication" value="Valider" />
				</div>
			</div>
		</asp:Panel>
		<div class="Validation" style="display:none">
			<div>
				<p>Vos Modifications ont été prises en compte.</p>
			</div>
		</div>
		<div class="Erreur" style="display:none">
			<div>
				<p>Des erreurs se sont produites lors de l'enregistrement.</p>
			</div>
		</div>
	</div>
</asp:Content>